<template>
  <el-card shadow="always" style="margin: 0px 0px 20px 40px;">
    <el-row class="header">
      <one-table
          :table-data="tableData"
          :options-info="simpleJyInfo"
      >
      </one-table>
    </el-row>
  </el-card>
</template>

<script setup>
import OneTable from "@/components/table/oneTable.vue";
import {onMounted, ref} from "vue";
import {
  upJyInfo,
} from "@/api/apiPath/fourPart.js";
import {initTableInfo} from "@/api/methods/initInfo.js";
import {simpleJyInfo} from "@/api/options/sixPart/simpleJyInfo.js";

const queryForm = ref({
  query: '',
  pageNum: 1,
  pageSize: 5,
  totalSize: 0
})
const tableData = ref([])
const init = async (query)=> {
  queryForm.value.query = query
  await initTableInfo(upJyInfo(queryForm.value), tableData, queryForm)
}
onMounted(async ()=> {
  await init()
})

</script>

<style scoped>
.header {
  padding-bottom: 16px;
  box-sizing: border-box;
}
</style>